<template>
	<view>
		<page-head headTitle="导游认证" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<form>
			<view class="bg-white m-t9">
				<view class="m-l-r flex height align-center border-botton">
					<text class="text fs-3 width-1 letter-s">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</text>
					<view><input type="text" placeholder-class="fs-3 placeholder" placeholder="请输入真实姓名"></view>
				</view>
				<view class="m-l-r flex height align-center border-botton">
					<text class="text fs-3 width-1 letter-s">身份证号</text>
					<view><input type="text" placeholder-class="fs-3 placeholder" placeholder="请输入身份证号码"></view>
				</view>
				<view class="m-l-r flex height align-center">
					<text class="text fs-3 width-1 letter-s">导游证号</text>
					<view><input type="text" placeholder-class="fs-3 placeholder" placeholder="请输入导游证号码"></view>
				</view>
			</view>
			<upload-image :image="image"></upload-image>
			<prompt-language content="*认证失败：您的证书名不符"></prompt-language>
			<bright-button title="申请认证"></bright-button>
			<bright-button title="再次认证"></bright-button>
			<grey-button title="已认证"></grey-button>
		</form>
	</view>
</template>

<script>	
import pageHead from '@/components/common/page-head.vue'
import uploadImage from '@/components/common/upload-image.vue'
import brightButton from '@/components/common/bright-button.vue'
import greyButton from '@/components/common/grey-button.vue'
import promptLanguage from '@/components/common/prompt-language.vue'
	export default {
		components:{
			pageHead,
			uploadImage,
			promptLanguage,
			brightButton,
			greyButton
			
		},
		data() {
			return {
				image:'/static/images/guide-attestation.png'
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
		}
	}
</script>

<style>

</style>
